<template>
  <div class="content">
    <h2 class="title">热门精选</h2>
    <div class="list">
      <template v-for="(item, index) in homeStore.houselist" :key="index">
        <houseItemV3 v-if="item.discoveryContentType === 9" :item-data="item.data"></houseItemV3>
        <houseItemV9 v-else-if="item.discoveryContentType === 3 "  :item-data="item.data"></houseItemV9>

      </template>
    </div>
  </div>
</template>

<script setup>
import houseItemV3 from '@/components/house-item-v3/house-item-v3.vue';
import houseItemV9 from '@/components/house-item-v9/house-item-v9.vue';
import useHomeStore from '@/stores/modules/home';
const homeStore=useHomeStore();

</script>

<style lang="less" scoped>
    .content{
        // position: relative;
        // padding-bottom: 50px;
        padding: 10px 8px;
        .title{
          padding: 10px;
            font-size: 12px;
        }
        .list{
            display: flex;
            flex-wrap: wrap;
            // justify-content: space-between;

        
    }
    }
    
</style>